<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
</head>

<body>
<!--     <div class="d1">
        helloworld1
        <h3>child1</h3>
        <h3>child2</h3>
        <h3>child3</h3>
    </div>
    <div class="d2">helloworld2</div>
    <div class="d3">helloworld3</div> -->

    <input type="text" name="username" id="username" value="admin" />
    <input type="password" name="password" id="password" value="123456" />
    <script type="text/javascript">
/*         var d1 = document.querySelector('.d1');
        console.log(d1.innerHTML);
        console.log(d1.innerText);

        var child4 = document.createElement('h3');
        child4.innerText = "child4";
        d1.appendChild(child4);
        console.log(d1);
        console.log(d1.innerHTML);

        d1.innerHTML = "<h3>child5</h3>";
 */

        var usernameInput = document.querySelector('#username');
        var username = usernameInput.value;
        console.log(username);

        var passwordInput = document.querySelector('#password');
        var password = passwordInput.value;
        console.log(password);



    </script>
</body>

</html>